<html lang="EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="page-view-size" content="1920*1080">
<title>视频测试</title>
<style>
/* global start  */
body,div,ul,ol,li,p,th,td,img {margin:0;padding:0;border:0;}
body{font-size:36px;color:#a2a2a2;  font-family:"MicrosoftYaHei"; overflow:hidden;}
a{text-decoration:none;}
ul,li{list-style:none;}
/* global end  */
.folderName{position:absolute;left:120px;top:75px;width:1675px;height:70px;line-height:70px;font-size:60px;color:#707477; text-align:right;}
#nav1{ position:absolute;left:116px;top:179px;width:815px;height:458px;}
#nav1 .nav1{ position:absolute;left:0px;top:0px;width:815px;height:458px;}
#nav1 .nav1_focus{border:5px solid #ffffff; border-radius:8px;}
#nav2{ position:absolute; left:120px;top:758px;width:240px;height:134px;}
#nav2 .nav2{ position:absolute; left:0px;top:0px;width:240px;height:234px;}
#nav2 .nav2 .nav2_txtBox{ position:absolute; left:0px;top:0px;width:240px;height:134px; border-radius:8px; background-color:#3f4e56; overflow:hidden;}
#nav2 .nav2 .nav2_txt{ position:absolute; left:0px;top:0px;width:240px;height:134px;line-height:134px;color:#e8e8e8;font-size:34px; text-align:center;}
#nav2 .nav2 .nav2_dot{ position:absolute; left:98px;top:170px;width:40px;height:48px; background-repeat:no-repeat;background-color:#1e2126;background-position:center center; visibility: hidden;}
#nav2 .nav2 .nav2_dot1{ background-image:url(assets/images/initPosIcon.png);}
#nav2 .nav2_focus .nav2_dot1{ background-image:url(assets/images/focuPosIcon.png);}
#nav2 .nav2 .nav2_dot2{ background-image:url(assets/images/initCircleIcon.png);}
#nav2 .nav2_focus .nav2_dot2{ background-image:url(assets/images/focuCircleIcon.png);}
#nav2 .nav2_focus .nav2_txtBox{ background-color:#0e60e9;z-index: 10;border:2px solid #ffffff;transform: scale(1.1);-webkit-transform: scale(1.1);}
#nav3{ position:absolute;left:1260px;top:758px;width:240px;height:134px;background-color:#3f4e56;}
#nav3 .nav3{ position:absolute;left:0px;top:0px;width:240px;height:134px;border-radius:8px;background-color: #3f4e56;}
#nav3 .nav3 .nav3_img{ position:absolute;left:27px;top:41px;width:63px;height:51px;}
#nav3 .nav3 .nav3_txt{position:absolute;left:60px;top:41px;width:150px;height:51px;line-height:51px; font-size:42px; color:#ffffff;}
#nav3 .nav3_focus{transform: scale(1.1);-webkit-transform: scale(1.1); border:2px solid #ffffff; background-color: #0e60e9;}
</style>
</head>
<body bgcolor="transparent" background="assets/images/weenkend_index_bg.png" style="background-repeat:no-repeat;" >
<!--4k需包含vedio标签-->
<video width="816" height="458" style="position:absolute;left:120px;top:184px;width:816px;height:458px;visibility:hidden;">
   Your browser does not support the video tag.
</video>
<div id="nav1">
	<div id="nav1_0" class="nav1">

    </div>
</div>
<!--栏目名称模块-->
<div class="folderName">视频测试</div>
<div id="nav2">
	<div id="nav2_0" class="nav2" style="left:0px;">
     	<div class="nav2_txtBox">
        	<div class="nav2_txt" id="nav2_0_txt">视频1</div>
        </div>
        <div class="nav2_dot nav2_dot1"></div>
    </div>
    <div id="nav2_1" class="nav2" style="left:287px;">
     	<div class="nav2_txtBox">
        	<div class="nav2_txt" id="nav2_1_txt">视频2</div>
        </div>
        <div class="nav2_dot nav2_dot2"></div>
    </div>
    <div id="nav2_2" class="nav2" style="left:574px;">
     	<div class="nav2_txtBox">
        	<div class="nav2_txt" id="nav2_2_txt">视频3</div>
        </div>
        <div class="nav2_dot nav2_dot2"></div>
    </div>
    <div id="nav2_3" class="nav2" style="left:861px;">
     	<div class="nav2_txtBox">
        	<div class="nav2_txt" id="nav2_3_txt">视频4</div>
        </div>
        <div class="nav2_dot nav2_dot2"></div>
    </div>
    <!--
    <div id="nav2_4" class="nav2" style="left:1148px;">
     	<div class="nav2_txtBox">
        	<div class="nav2_txt" id="nav2_4_txt"></div>
        </div>
        <div class="nav2_dot nav2_dot2"></div>
    </div>
    -->
</div>
<!--换一换模块-->
<div id="nav3" class="nav3">
	<div id="nav3_0" class="nav3">
    	<!--<img class="nav3_img" src="images/changeSmall.png"/>-->
    	<div class="nav3_txt">详情页</div>
    </div>
</div>

<div id="playstatus" style="position: absolute;left:50px;top:1000px;width:1080px;height:30px;color:#ffffff;font-size:28px;">
</div>
<div id="test" style="position: absolute;left:50px;top:50px;width: 500px;height:300px;color:red;font-size:28px;"></div>
<script src="/template_images/html/js/WasuTv2.js" type="text/javascript"></script>
<script src="assets/js/key_event_public_4k.js" type="text/javascript"></script>
<script src="assets/js/vue-bridge-webview.js" type="text/javascript"></script>
<script>
var cur_cookie ="5_cookie";

var nav1 = new BaseAreaData("nav1","nav1_0","nav1_focus",[1,0]);
var nav2 = new BaseAreaData("nav2","nav2_0","nav2_focus",[1,0]);
var nav3 = new BaseAreaData("nav3","nav3_0","nav3_focus",[1,0]);


nav1.initialData();
nav2.initialData();
nav3.initialData();
nav1.setAreaMapBottom(nav2);
nav2.setAreaMapTop(nav1);
nav2.setAreaMapRight(nav3);
nav3.setAreaMapLeft(nav2);
nav3.setAreaMapTop(nav1);


nav1.doSelected = function() {
	curBridgeObj.fullScreen();  //*********************
}
nav2.doSelected = function() {
	var index=this.getCurLabelIndex();
    curBridgeObj.selectPlayIndex(index);  //*********************
}

nav3.doSelected = function() {
    curBridgeObj.locationFunc(function(){   //*********************
        var strUrl="detail.html";
        window.location.href =strUrl;
    })
}

//*********************
var curBridgeObj=null;
function initBridgeObj(){
    var parm = {
        havePlayer:true,
        returnType:2,
    }
    curBridgeObj = new bridgeObj(parm);
}
initBridgeObj();
//*********************

window.onload =function(){
	getRtsp();//获取视频流
	var _focusId = getCookieFocusId();
    if(_focusId == null){
        nav2.startRun();
    }
	delCookie(cur_cookie);
	delCookieLess(cur_cookie);
};

function add(str){
    document.getElementById("test").innerHTML+="<p>"+str+"</p>";
}

function getRtsp(){//获取小视频窗播放地址
    var rtspajaxUrl=ClpsRootUrl+"/template/jsonData/getRtspUrls.jsp?folderCode="+"p_17_20_7_10";
    var reqPrzObj = new AJAX_OBJ(rtspajaxUrl,function(_responseText){
        _responseText="{'video_tj':{'subMeidaSDPlayUrls':['rtsp://125.210.227.234:5541/hdds_ip/icms_icds_pub23/opnewsps23/Video/2018/05/22/22/20180522163931hangzhoubujinshiyishoushijianjiban18698138851869814164.ts?Contentid=CP23010020180522096104&isHD=0&isIpqam=0&token=1099FF3DFDACF18F403339D103475B83A8AA5BB91A2DD81B016630A291112C528CF4C18DE01E41ABAFA54806415C867F538CC9BE02DAFE643A093CCFCE2ADC1F4BB24F6472389952DE537D0CEDB39F68587F426C6B07589A03C3502F10F9A7162C5D4CDD309897E279CF942B60F308E8DAE0F5ECB87DC89A47639C808A2596AE32C848E212233EA51E485679AF4A51314D84A1CB4C5DE3A71FA60E65686BB4AD701613CBAC4A470325F2C7B6F3DACFC8888D1B99F9D770241A7B9D98D7F1D13AA4948437C52D03F07D61096DA24F1748E3144DC6&beginTime=0','rtsp://125.210.227.234:5541/hdds_ip/icms_icds_pub06/opnewsps06/Video/2015/08/05/06/20150804194034_hangzhouchengshixuanchuanpian_1197382454_1197383663.ts?Contentid=CP23010020150804108402&isHD=0&isIpqam=0&token=921AB3CBB2ACF18F957FCE6372C03C77BE218DBFD9DB02E193B0E0CC14B0B150F4A3B2E1EB7F30B87ECE0E90B12321C2ED3EAE08E73BE81E27585ACA8F633212FE682E4701CDAEAF189FCCF5CC5747136D78AA8334BD14D62A9BECCC695949CCD94DEE618350BA045EA56D62BCD193F0CB7DB5A0D59F0683ADF8C131DB4D231AE30C66803342870EE4351640469FCA697DA1D62981C188F582C385F0E1CF6343845FABDF791E7C1DB00402D0CD33B341A16BF3071AE1049E9BFFFEE24EBB9AB2F8D5D3A1&beginTime=0','rtsp://125.210.227.234:5541/hdds_ip/icms_icds_pub15/opnewsps15/Video/2018/05/22/22/20180522163931hangzhouchengshixuanchuanpianG20hangzhoufenghui18698138941869815332.ts?Contentid=CP23010020180522096204&isHD=0&isIpqam=0&token=1087DA599DACF18FB21F70A7C55B15616C31CBA3CA09496173E54F2C58279F035052C0C0709C0873CEA5E8C809DCBA3D26995452A998939676A1CBF5BE3A2853197F2FAEA740095C17D7FA8A496ED6AE8286D71933BBB414F11B2F2DE5C8E4D1C4935F405FA4004B5EC472B19FAD41A466A0A65472D92FC7BA362DFF30964F0F51E2220DFFDB247992F7B0BB0E5678BF79806CF685177A655B965D45A4E445F27D672280D7E14AA50CABFE3E65A74C5B1D23D926C67A362136A34F09E8E1B8FF10EFE744248706E803D30EF4403190E15B&beginTime=0','rtsp://125.210.227.234:5541/hdds_ip/icms_icds_pub16/opnewsps16/Video/2018/04/20/13/20180420105010hangzhoubujinshiyishoushijingongwanzhengbofangbu18440009821844018489.ts?Contentid=CP23010020180420050904&isHD=0&isIpqam=0&token=581CA467E4ACF18FEC6569C956BD94647CFD282FE036CDB56C1EB66EB520CD31A5577BF8C00471C1BA4701FADB0A7F573D77F811D00802549C174A6499A99EEE0ABA267A091AC64D11D0A5887311031EB1D1FB87EB1F27917C70119253F6EB5C69B5DD5AA75DB4290B95C6E345ED69771EAE971ED55095B7F121419DF899203D0133F0759BEDE5569263AA12C83B3379A2DEACA3264279AA1B9CCFFCD06E9B709F24429A6ED0EF83A30A9667B72FD6A2513075369C754CE6D3047D622DDFDD4D32D02A3597108D4332CD9F500757E4B609DC3740&beginTime=0']}}";
        try{var obj = eval ("(" + _responseText + ")");}catch(err){var obj ={};}
        if(obj){
             if(obj.video_tj){
                 var rtsps=obj.video_tj.subMeidaSDPlayUrls;
                 for(var i=0;i<rtsps.length;i++){
                     curBridgeObj.movies.push(rtsps[i]);    //*********************
                 }
                 curBridgeObj.initPlay(); //*********************
             }
        }
    });
    reqPrzObj.send("true");//异步get
    reqPrzObj.errorCallBack=function(){

    };
    reqPrzObj.timeoutTips=function(){

    };
}


</script>

</body>
</html>
